import React from 'react'
import { motion } from "framer-motion"

import './index.scss'


/*
 * duration: 动画持续时间
 * repeat: 重复次数
 * repeatType: 重复类型 loop: 循环 reverse: 反向 mirror: 镜像
 * repeatDelay: 重复延迟 0.5: 0.5s
 * staggerChildren: 子元素动画延迟
 * staggerDirection: 子元素动画延迟方向 -1: 反向 1: 正向
 * delayChildren: 子元素动画延迟
 * delay: 动画延迟
 * type: 动画类型
 * ease: 动画缓动
 * bounce: 弹跳
 * bounceStiffness: 弹跳强度
 * bounceDamping: 弹跳阻尼
 * from: 动画起始值
 * to: 动画结束值
 */
export default function index() {
  return (
    <>
      <motion.div className='animate-div' animate={{ x: 200,rotate:180 }} />
      <motion.div className='animate-div' animate={{ x: 200,rotate:180 }}   
        transition={{ duration: 2, repeat: Infinity }} />
    </>
  )
}
